<template>
  <div class="app-container">
    <!-- 主标题 -->
    <h1 class="main-title">零售店管理系统</h1>
    
    <!-- 功能简介组件 -->
    <Introduction />
    
    <!-- 团队分工组件 -->
    <TeamDivision />
  </div>
</template>

<script setup>
// 导入子组件
import Introduction from './components/Introduction.vue'
import TeamDivision from './components/TeamDivision.vue'
</script>

<style scoped>
/* 主容器样式 */
.app-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 20px;
  font-family: 'Arial', sans-serif;
}

/* 主标题样式 */
.main-title {
  text-align: center;
  color: #2c3e50;
  margin-bottom: 30px;
  padding-bottom: 15px;
  border-bottom: 2px solid #f0f0f0;
}
</style>